<template>
  <div id="pageLoadComponent" v-if='isShow'>
    <img src="../../static/image/public/loadingIcon.png" class="page-load-img">
    <p class="page-load-text">努力加载中...</p>
  </div>
</template>

<script>
  export default {
    props:{
      isShow:{
        type:Boolean,
        default:false
      }
    },
    components:{},
    data:function(){
      return {}
    }
  }
</script>

<style lang="less">
  #pageLoadComponent{
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: white;
    z-index: 4000;
    .page-load-img{
      margin: 200px 0 100px;
      width: 317px;  
      height: auto;
      display: inline-block;    
    }
    .page-load-text{
      color: #666;
      font-size: 30px;
    }
  }
</style>